<template>
  <view class="content">
    <image class="top-img" src="@/static/img/home/bg.png"></image>
    <view class="title">{{ activeInfo.title }}</view>
    <view class="activeInfo">
      <u-tabs
        :list="list"
        :is-scroll="false"
        :current="current"
        @change="change"
        bg-color="#F5F5F5"
        active-color="#F4333C"
        inactive-color="#5E5E5E"
        font-size="30rpx"
        :bold="false"
      >
      </u-tabs>
      <!-- 基本信息 -->
      <view v-if="current == 0">
        <information :activeInfo="activeInfo" :now="now" :signUpEndTime="signUpEndTime"></information>
      </view>
      <!-- 活动说明 -->
      <view v-if="current == 1">
        <active :activeExplain="activeExplain"></active>
      </view>
      <!-- 报名列表 -->
      <view v-if="current == 2">
        <!-- 报名列表 -->
        <signList v-if="signUpEndTime > now"></signList>
        <!-- 作品展示 -->
        <works v-if="signUpEndTime < now"></works>
      </view>
    </view>
  </view>
</template>

<script>
import information from "./information.vue";
import active from "./active.vue";
import signList from "./signList.vue";
import works from "./works.vue";
export default {
  components: { information, active, signList, works },
  data() {
    return {
      list: [
        {
          name: "基本信息",
        },
        {
          name: "活动说明",
        },
        {
          name: "报名列表",
          // name:`${signUpEndTime>now?"报名列表":"作品展示"}`
        },
      ],
      current: 0,
      now: 0, //现在的时间
      signUpEndTime: 0, //报名结束的时间
      // 活动基本信息
      activeInfo: {
        title: "O2O平台活动-全民瑜伽操",
        signUpTime: "2022-09-12 12:00~202-09-18 12:00",
        activeTime: "2022-09-12 12:00~2022-09-18 12:00",
        signUpNum: 24,
        surplusNum: 35,
        details:
          "盼望着，盼望着，东风来了，春天的脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。桃树，杏树，梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味；闭了眼，树上仿佛已经满是桃儿，杏儿，梨儿。        盼望着，盼望着，东风来了，春天的脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润",
      },
      // 活动说明
      activeExplain: {
        explain:
          "盼望着，盼望着，东风来了，春天的脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。桃树，杏树，梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味；闭了眼，树上仿佛已经满是桃儿，杏儿，梨儿。        盼望着，盼望着，东风来了，春天的脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润",
      },
    };
  },
  onLoad() {
    this.signUpEndTime = Date.parse(this.activeInfo.signUpTime.split("~")[1]);
    this.now = Date.now();
    if (this.signUpEndTime>this.now) {
      this.list[2].name = "报名列表"
    }else{
      this.list[2].name = "作品展示"
    }
  },
  methods: {
    // tab 切换
    change(index) {
      console.log(index);
      this.current = index;
      //   if (index === 1) {
      //   } else if (index === 3) {
      //   }
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  .title {
    padding: 0 30rpx;
    font-size: 48rpx;
  }
  .activeInfo {
    margin-top: 20rpx;
  }
  .top-img {
    width: 100%;
    height: 300rpx;
  }
}
</style>